/*
 * In dit bestand staat de javascript voor de sidebar aan de top van de content
 * Hieronder staat dus de animatie
 */
$(document).ready(function() {
	//Voeg de trigger toe (rechtsbovenaan de page pagina)
	$('#subpage').prepend('<div class="topbar_trigger">+</div>');
	
	//Sidebar (topbar) animation
	
	//Als alles geladen is wordt de sidebar zichtbaar gemaakt en vervolgens op hoogte 10px gezet
	//$('#sidebar').show();
	
	//De hoogte van de top-bar opvragen, zodat de hoogte bekend is tijdens het animeren
	//var sb_height = $('#sidebar').height();
	
	//De hoogte van de sidebar op 5 zetten (het deel dat altijd zichtbaar blijft
	//$('#sidebar').height('10px');
	
	//Hide de sidebar
	$('#sidebar').hide();
	
	//Mouseenter
	$('.topbar_trigger').click(function() {
		$('#sidebar').addClass('sb_focus');
		$('#sidebar').slideDown();
		
		//Als de class sb_focus na 250ms nog steeds acties is wordt onderstaande animatie uitgevoegd
		//setTimeout(function(){
        	//if($('#sidebar').hasClass('sb_focus')) {
	            //$('#sidebar').animate( {height: sb_height}, 500 );
	            //$('#sidebar').removeClass('sb_focus');
        	//}
      	//}, 250 );
	});
	//Mouseleave
	$('#sidebar').mouseleave(function() {
		//$(this).animate( {height: '10px'}, 500 );
		//$(this).removeClass('sb_focus');
		$(this).slideUp();
	});
	
});